@import  "../../../styles/_commonColor.scss";

.footNav{
  width: 100%;
  height: 1rem;
  background: $white;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  &>div{
    width: 33.3333%;
    font-size: .2rem;
    float: left;
    color: #ababab;
    text-align: center;
  }
  
  .hk{
    background:url(./images/hk_icon.png) no-repeat top center scroll;
  }

  .tw{
    background:url(./images/tw_icon.png) no-repeat top center scroll;
  }

  .mine{
    background:url(./images/mine_icon.png) no-repeat top center scroll;
  }

  .twSelected{
    background:url(./images/tw_icon_selected.png) no-repeat top center scroll;
  }

  .hkSelected{
    background:url(./images/hk_icon_selected.png) no-repeat top center scroll;
  }

  .mineSelected{
    background:url(./images/mine_icon_selected.png) no-repeat top center scroll;
  }

  .hk,.tw,.mine,.twSelected,.hkSelected,.mineSelected{
    background-size:.56rem .56rem;
    padding-bottom: .1rem;
    padding-top: .55rem;
    margin-top: .1rem;
  }
  
  .twSelected,.hkSelected,.mineSelected{
    color: #00b488;
  }
}